import React from 'react';
import Button from 'antd/lib/button';
const ButtonGroup = Button.Group;

export default class SearchBar extends React.Component {
    constructor(props) {
        super(props);
        this.handleChange = this.handleChange.bind(this);
    }

    handleChange(value) {
        this.props.handleChange(value);
    }

    render() {
        return (
            <div style={{ height: "1.5rem",fontSize: "12px" }}>
                    <button style={{ width: "25%", borderRadius: "0px", border: "1px solid #000" }} onClick={() => {this.handleChange(1)}}>时间降序<i className="fa fa-caret-square-o-down" aria-hidden="true"></i></button>
                    <button style={{ width: "25%", borderRadius: "0px", border: "1px solid #000" }} onClick={() => {this.handleChange(2)}}>时间升序<i className="fa fa-caret-square-o-up" aria-hidden="true"></i></button>
                    <button style={{ width: "25%", borderRadius: "0px", border: "1px solid #000" }} onClick={() => {this.handleChange(3)}}>点击量降序<i className="fa fa-caret-square-o-down" aria-hidden="true"></i></button>
                    <button style={{ width: "25%", borderRadius: "0px", border: "1px solid #000" }} onClick={() => {this.handleChange(4)}}>点击量升序<i className="fa fa-caret-square-o-up" aria-hidden="true"></i></button>
            </div>);
    }
}